<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>隐私政策 - 1024导航</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: '#3B82F6',
                        secondary: '#10B981',
                        accent: '#F59E0B',
                        dark: '#1F2937',
                        light: '#F9FAFB'
                    },
                    fontFamily: {
                        sans: ['Inter', 'system-ui', 'sans-serif'],
                    },
                }
            }
        }
    </script>
    <style type="text/tailwindcss">
        @layer utilities {
            .content-auto {
                content-visibility: auto;
            }
            .card-hover {
                @apply transition-all duration-300 hover:shadow-lg hover:-translate-y-1;
            }
            .policy-nav-active {
                @apply text-primary border-primary font-medium;
            }
            .text-gradient {
                @apply bg-clip-text text-transparent bg-gradient-to-r from-primary to-secondary;
            }
        }
    </style>
</head>

<body class="bg-gray-50 font-sans text-gray-800">
    <!-- 顶部导航栏 -->
    <header class="sticky top-0 z-50 bg-white shadow-sm transition-all duration-300">
        <div class="container mx-auto px-4 py-3 flex justify-between items-center">
            <div class="flex items-center space-x-2">
                <div class="text-primary text-2xl font-bold">1024<span class="text-secondary">导航</span></div>
                <span class="hidden md:inline-block text-sm text-gray-500 bg-gray-100 px-2 py-1 rounded">v2.3</span>
            </div>

            <nav class="hidden md:flex items-center space-x-6">
                <a href="index.html" class="text-gray-600 hover:text-primary transition-colors">首页</a>
                <a href="resources.html" class="text-gray-600 hover:text-primary transition-colors">资源</a>
                <a href="tools.html" class="text-gray-600 hover:text-primary transition-colors">工具</a>
                <a href="community.html" class="text-gray-600 hover:text-primary transition-colors">社区</a>
                <a href="about.html" class="text-gray-600 hover:text-primary transition-colors">关于</a>
            </nav>

            <div class="flex items-center space-x-3">
                <button
                    class="hidden md:block px-4 py-2 bg-primary text-white rounded-md hover:bg-primary/90 transition-colors">
                    <i class="fa fa-user-plus mr-1"></i> 登录
                </button>
                <button class="md:hidden text-gray-600 text-xl">
                    <i class="fa fa-bars"></i>
                </button>
            </div>
        </div>
    </header>

    <!-- 页面标题 -->
    <section class="py-10 bg-gradient-to-b from-white to-gray-50 border-b border-gray-100">
        <div class="container mx-auto px-4">
            <div class="max-w-3xl mx-auto text-center">
                <h1 class="text-[clamp(1.8rem,5vw,2.5rem)] font-bold mb-4 text-gradient">隐私政策</h1>
                <p class="text-gray-600">我们重视您的隐私，承诺保护您的个人信息安全</p>
                <p class="text-gray-500 text-sm mt-2">最后更新：2023年11月10日</p>
            </div>
        </div>
    </section>

    <!-- 隐私政策内容区 -->
    <section class="py-10">
        <div class="container mx-auto px-4">
            <div class="max-w-4xl mx-auto">
                <!-- 政策导航 -->
                <div class="bg-white rounded-xl shadow-sm mb-8 overflow-x-auto">
                    <div class="flex">
                        <button
                            class="policy-nav-active px-6 py-4 text-sm transition-colors border-b-2 whitespace-nowrap">
                            隐私政策
                        </button>
                        <button
                            class="px-6 py-4 text-sm transition-colors border-b-2 border-transparent text-gray-600 hover:text-gray-900 whitespace-nowrap">
                            用户协议
                        </button>
                        <button
                            class="px-6 py-4 text-sm transition-colors border-b-2 border-transparent text-gray-600 hover:text-gray-900 whitespace-nowrap">
                            免责声明
                        </button>
                        <button
                            class="px-6 py-4 text-sm transition-colors border-b-2 border-transparent text-gray-600 hover:text-gray-900 whitespace-nowrap">
                            Cookie政策
                        </button>
                    </div>
                </div>

                <!-- 政策内容 -->
                <div class="bg-white rounded-xl shadow-sm p-6 md:p-8">
                    <div class="prose max-w-none text-gray-700">
                        <p class="mb-6">
                            欢迎使用1024导航（以下简称"本平台"）。我们尊重并保护所有使用本平台服务用户的个人隐私权。为了给您提供更准确、更有个性化的服务，本平台会按照本隐私政策的规定使用和披露您的个人信息。但本平台将以高度的勤勉、审慎义务对待这些信息。除本隐私政策另有规定外，在未征得您事先许可的情况下，本平台不会将这些信息对外披露或向第三方提供。本平台会不时更新本隐私政策。您在同意本平台服务使用协议之时，即视为您已经同意本隐私政策全部内容。本隐私政策属于本平台服务使用协议不可分割的一部分。
                        </p>

                        <h2 class="text-xl font-bold mt-10 mb-4">一、适用范围</h2>
                        <ul class="list-disc pl-5 space-y-2 mb-6">
                            <li>在您注册本平台账号时，您根据本平台要求提供的个人注册信息；</li>
                            <li>在您使用本平台服务时，本平台自动接收并记录的您的浏览器和计算机上的信息，包括但不限于您的IP地址、浏览器的类型、使用的语言、访问日期和时间、软硬件特征信息及您需求的网页记录等数据；
                            </li>
                            <li>本平台通过合法途径从商业伙伴处取得的用户个人数据。</li>
                        </ul>
                        <p class="mb-4">您了解并同意，以下信息不适用本隐私政策：</p>
                        <ul class="list-disc pl-5 space-y-2 mb-6">
                            <li>您在使用本平台服务时自愿公开的信息；</li>
                            <li>与个人身份无关的统计信息。</li>
                        </ul>

                        <h2 class="text-xl font-bold mt-10 mb-4">二、信息收集与使用</h2>
                        <p class="mb-4">在您使用本平台服务时，我们可能会收集和使用您的个人信息，包括但不限于：</p>

                        <h3 class="text-lg font-semibold mt-6 mb-3">1. 注册信息</h3>
                        <p class="mb-4">当您注册本平台账号时，我们可能收集您的用户名、电子邮件地址、密码等信息，用于创建和管理您的账号，为您提供个性化服务。</p>

                        <h3 class="text-lg font-semibold mt-6 mb-3">2. 使用数据</h3>
                        <p class="mb-4">我们会收集您使用本平台服务的相关数据，包括但不限于您访问的资源、使用的工具、搜索记录、浏览历史等，以便为您提供更相关的内容推荐和更好的用户体验。</p>

                        <h3 class="text-lg font-semibold mt-6 mb-3">3. 设备信息</h3>
                        <p class="mb-4">为了确保服务的安全性和提供更好的服务体验，我们可能收集您使用的设备信息，包括但不限于设备型号、操作系统、唯一设备标识符、网络信息等。</p>

                        <h2 class="text-xl font-bold mt-10 mb-4">三、信息披露</h2>
                        <p class="mb-4">我们承诺对您的信息进行保密，不会向第三方披露您的个人信息，除非：</p>
                        <ul class="list-disc pl-5 space-y-2 mb-6">
                            <li>事先获得您的明确授权；</li>
                            <li>根据有关的法律法规要求，为了配合政府机关、司法机构的调查或出于公共安全考虑；</li>
                            <li>为维护本平台的合法权益，例如处理纠纷、防止欺诈等；</li>
                            <li>与可信的合作伙伴共享，但这些合作伙伴必须遵守本隐私政策的规定，并承诺对您的信息保密。</li>
                        </ul>

                        <h2 class="text-xl font-bold mt-10 mb-4">四、信息安全</h2>
                        <p class="mb-4">本平台采用各种安全技术和程序来保护您的个人信息免受未经授权的访问、使用或披露。例如：</p>
                        <ul class="list-disc pl-5 space-y-2 mb-6">
                            <li>对您的密码进行加密存储；</li>
                            <li>采用SSL等加密技术保护数据传输；</li>
                            <li>限制访问您个人信息的员工权限；</li>
                            <li>定期进行安全审计和评估。</li>
                        </ul>
                        <p class="mb-4">尽管我们采取了上述安全措施，但请注意，互联网上的信息传输并非完全安全，我们不能保证您的信息绝对安全。</p>

                        <h2 class="text-xl font-bold mt-10 mb-4">五、Cookie的使用</h2>
                        <p class="mb-4">
                            本平台使用Cookie来帮助您获得更优的体验。Cookie是一种小型文本文件，存储在您的设备上，用于记录您的偏好和使用习惯。您可以通过浏览器设置禁用Cookie，但这可能会影响您使用本平台的部分功能。
                        </p>

                        <h2 class="text-xl font-bold mt-10 mb-4">六、您的权利</h2>
                        <p class="mb-4">您对您的个人信息享有以下权利：</p>
                        <ul class="list-disc pl-5 space-y-2 mb-6">
                            <li>访问权：您可以查看您的个人信息；</li>
                            <li>更正权：如果您的个人信息有误，您可以请求更正；</li>
                            <li>删除权：在特定情况下，您可以请求删除您的个人信息；</li>
                            <li>撤回同意权：您可以撤回对收集和使用您个人信息的同意；</li>
                            <li>注销权：您可以注销您的账号，我们将删除您的相关信息。</li>
                        </ul>
                        <p class="mb-4">如您想行使上述权利，请通过本政策底部的联系方式与我们联系。</p>

                        <h2 class="text-xl font-bold mt-10 mb-4">七、未成年人保护</h2>
                        <p class="mb-4">我们特别重视对未成年人信息的保护。如果您是未满18周岁的未成年人，您的监护人应仔细阅读本隐私政策，并在您的监护人同意的情况下使用我们的服务或向我们提供信息。
                        </p>

                        <h2 class="text-xl font-bold mt-10 mb-4">八、隐私政策的变更</h2>
                        <p class="mb-4">
                            我们可能会不时更新本隐私政策。当政策发生变更时，我们会在本页面发布更新后的隐私政策，并更新"最后更新"日期。我们建议您定期查看本隐私政策，了解我们如何保护您的信息。</p>

                        <h2 class="text-xl font-bold mt-10 mb-4">九、联系我们</h2>
                        <p class="mb-4">如果您对本隐私政策有任何疑问、建议或投诉，请通过以下方式与我们联系：</p>
                        <div class="bg-gray-50 p-5 rounded-lg my-6">
                            <div class="flex items-start mb-4">
                                <div
                                    class="w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center text-primary mr-3 flex-shrink-0">
                                    <i class="fa fa-envelope"></i>
                                </div>
                                <div>
                                    <p class="font-medium">邮箱</p>
                                    <p class="text-gray-600 text-sm">privacy@1024nav.com</p>
                                </div>
                            </div>
                            <div class="flex items-start">
                                <div
                                    class="w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center text-primary mr-3 flex-shrink-0">
                                    <i class="fa fa-weixin"></i>
                                </div>
                                <div>
                                    <p class="font-medium">微信公众号</p>
                                    <p class="text-gray-600 text-sm">1024导航</p>
                                </div>
                            </div>
                        </div>
                        <p>我们将在收到您的请求后30天内给予回复。</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 底部区域 -->
    <footer class="bg-gray-800 text-gray-300 py-10 mt-10">
        <div class="container mx-auto px-4">
            <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
                <div>
                    <h3 class="text-white text-lg font-semibold mb-4">1024导航</h3>
                    <p class="text-sm text-gray-400 mb-4">精选互联网优质资源，打造高效便捷的导航平台，助力你的工作与学习。</p>
                    <div class="flex space-x-4">
                        <a href="#" class="text-gray-400 hover:text-white transition-colors">
                            <i class="fa fa-github text-xl"></i>
                        </a>
                        <a href="#" class="text-gray-400 hover:text-white transition-colors">
                            <i class="fa fa-twitter text-xl"></i>
                        </a>
                        <a href="#" class="text-gray-400 hover:text-white transition-colors">
                            <i class="fa fa-weixin text-xl"></i>
                        </a>
                    </div>
                </div>

                <div>
                    <h3 class="text-white font-medium mb-4">快速链接</h3>
                    <ul class="space-y-2 text-sm">
                        <li><a href="index.html" class="text-gray-400 hover:text-white transition-colors">首页</a></li>
                        <li><a href="resources.html" class="text-gray-400 hover:text-white transition-colors">资源分类</a>
                        </li>
                        <li><a href="tools.html" class="text-gray-400 hover:text-white transition-colors">实用工具</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-white transition-colors">最新收录</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-white transition-colors">热门推荐</a></li>
                    </ul>
                </div>

                <div>
                    <h3 class="text-white font-medium mb-4">帮助支持</h3>
                    <ul class="space-y-2 text-sm">
                        <li><a href="#" class="text-gray-400 hover:text-white transition-colors">使用指南</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-white transition-colors">资源提交</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-white transition-colors">常见问题</a></li>
                        <li><a href="about.html#contact"
                                class="text-gray-400 hover:text-white transition-colors">联系我们</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-white transition-colors">举报不良信息</a></li>
                    </ul>
                </div>

                <div>
                    <h3 class="text-white font-medium mb-4">法律信息</h3>
                    <ul class="space-y-2 text-sm">
                        <li><a href="privacy.html" class="text-gray-400 hover:text-white transition-colors">隐私政策</a>
                        </li>
                        <li><a href="terms.html" class="text-gray-400 hover:text-white transition-colors">用户协议</a></li>
                        <li><a href="disclaimer.html" class="text-gray-400 hover:text-white transition-colors">免责声明</a>
                        </li>
                        <li><a href="cookie.html" class="text-gray-400 hover:text-white transition-colors">Cookie政策</a>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="border-t border-gray-700 mt-8 pt-6 text-center text-sm text-gray-500">
                <p>© 2023 1024导航. 本站资源仅供学习交流使用，如有侵权请联系删除。</p>
            </div>
        </div>
    </footer>

    <!-- 回到顶部按钮 -->
    <button id="backToTop"
        class="fixed bottom-6 right-6 w-12 h-12 rounded-full bg-primary text-white shadow-lg flex items-center justify-center opacity-0 invisible transition-all duration-300">
        <i class="fa fa-arrow-up"></i>
    </button>

    <script>
        // 回到顶部按钮功能
        const backToTopBtn = document.getElementById('backToTop');

        window.addEventListener('scroll', () => {
            if (window.scrollY > 300) {
                backToTopBtn.classList.remove('opacity-0', 'invisible');
                backToTopBtn.classList.add('opacity-100', 'visible');
            } else {
                backToTopBtn.classList.remove('opacity-100', 'visible');
                backToTopBtn.classList.add('opacity-0', 'invisible');
            }

            // 导航栏滚动效果
            const header = document.querySelector('header');
            if (window.scrollY > 50) {
                header.classList.add('py-2', 'shadow');
                header.classList.remove('py-3', 'shadow-sm');
            } else {
                header.classList.add('py-3', 'shadow-sm');
                header.classList.remove('py-2', 'shadow');
            }
        });

        backToTopBtn.addEventListener('click', () => {
            window.scrollTo({
                top: 0,
                behavior: 'smooth'
            });
        });

        // 政策导航切换
        const policyNavs = document.querySelectorAll('.policy-nav-active, button:not(.policy-nav-active)');
        policyNavs.forEach(nav => {
            nav.addEventListener('click', () => {
                // 移除所有活跃状态
                policyNavs.forEach(n => {
                    n.classList.remove('policy-nav-active');
                    n.classList.add('border-transparent', 'text-gray-600');
                });
                // 设置当前为活跃状态
                nav.classList.add('policy-nav-active');
                nav.classList.remove('border-transparent', 'text-gray-600');
            });
        });
    </script>
</body>

</html>